<!doctype html>
<html class="no-js " lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes"> 
    <meta name="format-detection" content="telephone=no"> 
    <title>殇陌科技赞助码</title>
    <meta name="description" content="">
    <style type="text/css">
        body,html{
            background-color: #f8f8f8;
            padding: 0px;
            margin: 0px;
            width: 100%;
            height: 100%;
            font-size: 15px;
            color: #484848;
        }
        .content{
            width: 100%;
            height: 100%;
            max-width: 500px;
            margin: 0px auto;
            display: none;
        }
        .content-article{
            width: 90%;
            height: auto;
            float: left;
            margin: 50px 5%;
            background-color: #FFFFFF;
            border-radius: 10px;
            padding: 18px;
            box-sizing: border-box;
        }
        .content-article-full{
            width: 100%;
            height: auto;
            float: left;
            background-color: #FFFFFF;
        }
        .content-article-full img{
            width: 100%;
            height: auto;
            float: left;
            background-color: #FFFFFF;
        }
        .content-article-header{
            width: 100%;
            height: 60px;
        }
        .content-article-header img{
            width: 60px;
            height: 60px;
            float: left;
            border-radius: 5px;
        }
        .content-article-header-right{
            width: 100%;
            height: 60px;
            box-sizing: border-box;
            margin-top: -60px;
            float: left;
            padding: 10px 0px 10px 70px;
        }
        .content-article-header-right h3{
            width: 100%;
            height: 20px;
            line-height: 20px;
            font-size: 14px;
            float: left;
            margin: 0px;
            padding: 0px;
            font-weight: 500;
            overflow: hidden;
            text-overflow:ellipsis;
            white-space: nowrap;
        }
        .content-article-header-right h5{
            width: 100%;
            height: 20px;
            line-height: 20px;
            font-size: 13px;
            float: left;
            margin: 0px;
            padding: 0px;
            color: #999998;
            font-weight: 400;
            overflow: hidden;
            text-overflow:ellipsis;
            white-space: nowrap;
        }
        .content-article-qrcode{
            width: 100%;
            /*max-height: 300px;*/
            /*float: left;*/
            margin: 20px 0px;
        }
        .content-article-footer{
            width: 100%;
            float: left;
            text-align: center;
            font-size: 14px;
            font-weight: 600;
            height: 20px;
            line-height: 20px;
            color: #2F495E;
        }
        .public-container{
            width: 100%;
            float: left;
            text-align: center;
            display: none;
        }
        .error-images{
            width: 80px;
            height: 80px;
            margin: 50px auto 10px auto;
        }
        .error-msg{
            width: 100%;
            float: left;
            line-height: 30px;
            text-align: center;
            padding: 0px 15px;
            box-sizing: border-box;
            color: #666666;
            font-size: 15px;
        }
        .content-img-qrcode {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
        }
    </style>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.2/jquery.min.js"></script>
    <div id="loading">
    <div id="loading_bg">
        <style>
            .svg{
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            }
        </style>
        <img class="svg" src="https://smyhz.gitee.io/lihaostatic/img/%E6%87%92%E5%8A%A0%E8%BD%BD.svg"></img>
    </div>
</div>
<style>
/*********LoadingPage*************/

#loading {
  position: absolute;
  background-color: #FFF;:
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
}
#loading_bg{
  background-color: rgba(0,0,0,0.7);
}
//body {
//  background: #eaecfa;
//}

.loader {
  width: 250px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-family: helvetica, arial, sans-serif;
  text-transform: uppercase;
  font-weight: 900;
  color: #ce4233;
  letter-spacing: 0.2em;
}
.loader::before, .loader::after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background: #ce4233;
  position: absolute;
  -webkit-animation: load .7s infinite alternate ease-in-out;
  animation: load .7s infinite alternate ease-in-out;
}
.loader::before {
  top: 0;
}
.loader::after {
  bottom: 0;
}

@-webkit-keyframes load {
  0% {
    left: 0;
    height: 30px;
    width: 15px;
  }
  50% {
    height: 8px;
    width: 40px;
  }
  100% {
    left: 235px;
    height: 30px;
    width: 15px;
  }
}

@keyframes load {
  0% {
    left: 0;
    height: 30px;
    width: 15px;
  }
  50% {
    height: 8px;
    width: 40px;
  }
  100% {
    left: 235px;
    height: 30px;
    width: 15px;
  }
}

/********************************/
</style>
<script>
//Loading页面
document.onreadystatechange=function () {
          if (document.readyState=="complete"){
               loadingFade();
          }
}
function loadingFade() {
     var opacity=1;
     //var loadingPage=document.getElementById('loading');
     var loadingBackground=document.getElementById('loading_bg');
     var time=setInterval(function () {
          if (opacity<=0){
               clearInterval(time);
               //loadingPage.remove();
               $('#loading').remove();
          }

          loadingBackground.style.opacity=opacity;
          opacity-=0.4;
     },100);
}

</script>
</head>
<body>
    <div id="article_error" class="public-container">
        <img class="error-images" src="">
        <p class="error-msg">跳转中,请稍等...</p>
    </div>
    <div class="content">
        <div class="content-article">
            <div class="content-article-header">
                <img src="" id="content-article-header-img">
                <div class="content-article-header-right">
                    <h3></h3>
                    <h5></h5>
                </div>
            </div>
            <div class="content-img-qrcode">
                <img class="content-article-qrcode" src="">
            </div>
            <div class="content-article-footer">
            </div>
        </div>
        <div class="content-article-full">
        </div>
    </div>
    <script type="text/javascript">
        $(document).ready(function(){
            getArticleDetial();
        });

        function getArticleDetial() {
            $("#article_error").hide();
            $(".content").show();
         $(".content-article").show();
            $(".content-article-full").hide();
            $("#content-article-header-img").attr("src",'https://smyhz.gitee.io/static/img/wx/default_wx.png');
            $(".content-article-header h3").html('殇陌科技-赞助页');
            $(".content-article-header h5").html('');
            $(".content-article-qrcode").attr("src",'https://smyhz.gitee.io/static/img/all/收款码.png');
            if(1){
                $(".content-article-footer").html("长按识别上方二维码");
            }
        }
        
        document.body.addEventListener('touchmove', function(e) {
            e.preventDefault()
        }, {
            passive : false
        })
    </script>
</body>
</html>
